<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import ="edu.ues21.tcs.ecommerce2011.mvc.model.Usuario"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="usuario" scope="request" type="edu.ues21.tcs.ecommerce2011.mvc.model.Usuario"></jsp:useBean>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Home</title>
        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
    </head>
    <body>
        <h1>Hello ${usuario.id}</h1>
        
            <label for="txtBuscar">Buscar</label>
            <input type="text" name="txtBuscar" id="txtBuscar"/>
            <input type="button" value="Buscar" id="btnBuscar"/>
            <div id="resultadoBusqueda"></div>
        <script>
            $(document).ready(function(){
                $("#btnBuscar").click(function(){
                    $.ajax({
                        type:"POST",
                        url:"buscar.do",
                        data:"txtBuscar="+$("#txtBuscar").val(),
                        success:function(result){
                            $("#resultadoBusqueda").html(result);
                        }
                    });
                });
            });
        </script>
    </body>
</html>
